.setting-stage-pane {
    /*-fx-border-color: derive(grey, 50%);*/
    -fx-background-color: derive(rgba(53, 136, 225, 0.01), -20%);
    -fx-effect: dropshadow(gaussian, rgba(230, 230, 230, 1.0), 70, 0.43, 1, 1);
}

.container-pane {
    -fx-background-color: white;
    -fx-padding: 2px;

}

.setting-header-pane {
    -fx-padding: 0px 0px 20px 0px;
}

.setting-left-pane {
    -fx-spacing: 10px;
    -fx-border-width: 0 1px 0px 0px;
    -fx-border-color: derive(grey, 80%);
}

.setting-left-pane .button{
    -fx-background-color: transparent;
    -fx-border-width: 0;
    -fx-pref-width: 120px;
    -fx-font-weight: 800;
    -fx-font-size: 14px;
}

.setting-left-pane .active{
    -fx-text-fill:-fx-highlight-color;
    -fx-border-color: -fx-highlight-color;
    -fx-border-width: 0 2px 0 0;
}

.account-setting-pane {
    -fx-pref-width: 250px;
    -fx-max-width: 250px;
    -fx-spacing: 10px;
}
.account-setting-pane .text-field {
    -fx-pref-width: 150px;
    -fx-background-color: transparent;
    -fx-font-size: 18px;
}
.account-setting-pane .label {
    -fx-font-size: 15px;
}